<template>
  <el-drawer
    v-if="visible"
    title="我的日程"
    size="70%"
    :visible.sync="visible"
    :before-close="handleClose"
  >
    <sysCalendar></sysCalendar>
  </el-drawer>

</template>

<script>
import sysCalendar from '@/views/sysCalendar'
import { getPage } from '@/api/sysCalendar'

export default {
  components: { sysCalendar },
  name: 'sysCalendarDrawer',
  data() {
    return {
      visible: false
    }
  },
  methods: {
    handleQuery() {
      getPage({}).then(res => {

      })
    },
    handleClose() {
      this.visible = false
      this.$emit('callBack')
    },
    onShow() {
      this.visible = true
      this.handleQuery()
    }
  }
}
</script>

<style scoped>

.el-drawer__wrapper /deep/
.el-drawer__header {
  margin-bottom: 0px !important;
}

</style>
